.login_layout {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
	background: var(--page-background-color);
	background-image: url(../../assets/images/login/login_bg.png) !important;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;

	.bg {
		position: fixed;
		width: 100%;
		height: 100%;
	}
	
	.login_main {
		display: flex;
		width: 1200px;
		margin: 5% auto;
		position: relative;
		z-index: 100;
		background: var(--page-background-color);
		box-shadow: 0 1px 2px -2px rgb(194, 191, 191), 0 3px 6px 0 rgb(194, 191, 191), 0 5px 12px 4px rgb(194, 191, 191);
		.login_title {
			text-align: center;
			font-size: 32px;
			color: var(--white);
			position: absolute;
			top: 24px;
			left: 24px;
		}
		.login_content {
			display: flex;
			width:58%;
			height: 520px;
			background-image: url(../../assets/images/login/login.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}
		.form_content {
			width: 42%;
			height: 520px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 80px;
			.login_form_button{
				width: 100%;
			}
		}
			
	}

	.login_footer {
		position: absolute;
		top: 90%;
		left: 45%;
		z-index: 100;
		background: none;
		a{
			display: flex;
			justify-content: center;
			img{
				vertical-align: middle;
				border-style: none;
			}
			p{
				height: 20px;
				line-height: 20px;
				margin: 0px 0px 0px 5px;
				color: rgb(102, 102, 102);
			}
		}
	}

	h2 {
		color: #2882fe;
		font-size: 16px;
	}
}